package showcase

import (
	"github.com/templui/templui/internal/components/form"
	"github.com/templui/templui/internal/components/timepicker"
)

templ TimePickerForm() {
	<div class="w-full max-w-sm">
		@form.Item() {
			@form.Label(form.LabelProps{
				For: "time-picker-form",
			}) {
				Select a time
			}
			@timepicker.TimePicker(timepicker.Props{
				ID:       "time-picker-form",
				Name:     "time-picker-form",
				HasError: true,
			})
			@form.Description() {
				Select a time from the dropdown.
			}
			@form.Message(form.MessageProps{
				Variant: form.MessageVariantError,
			}) {
				Please select a time
			}
		}
	</div>
}
